<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>img 元素</title>
	<style>
		h2{
			color: green;
		}
	</style>
</head>
<body>
	<h2> 图片 </h2>
	<figure>
		<figcaption>
			原始图片
		</figcaption>
		<img src="../img/baidu_logo.png" alt="图片已丢失" width="200">
	</figure>

	<figure>
		<figcaption>
			有问题不能显示图片，显示备用内容，这里要注意，部分浏览器要设置 img 的元素的 width 与 height 才能，正确的显示 alt 元素
			内容
		</figcaption>
		<img src="../img/.png" alt="图片已丢失" width="200" height="100">
	</figure>
	
	<!-- 当用户在 ismap 图像上单击了某处时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端 -->
	<a href="http://www.baidu.com" target="_blank">
		<img src="../img/baidu_logo.png" alt="图片已丢失" width="200" ismap>
	</a>
	
</body>
</html>